@charset 'utf-8';

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1474686544'); /* IE9*/
  src: url('iconfont.eot?t=1474686544#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1474686544') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1474686544') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1474686544#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-qie:before { content: "\e601"; }
.icon-xinlang:before { content: "\e60e"; }
.icon-xiaoniao:before { content: "\e6b2"; }
.icon-quanqiu:before { content: "\e6f3"; }
.icon-iconfontxiao:before { content: "\e620"; }
.icon-iconfontduihao:before { content: "\e6f6"; }



*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ul{
	list-style-type: none;
}
a{
	text-decoration:none;
	color: #a3a4a9;
}
input[type=radio],input[type=button]{
	cursor: pointer;
}
body{
	width: 100%;
	min-width: 1280px;
	background: #fff;
	font-size: 16px;
	overflow: auto;
	border: 1px solid red;/**/
}

/*公共样式*/
header,section,footer{
	padding-left: 50px;
	width: 100%;
}



/*header*/
header{
	height: 115px;
	padding: 70px 0 0 0;
}
header h1{
	width: 150px;
	height: 100%;
	float: left;
	margin-left:50px;
	text-indent:40px;
	font-size: 25px;
	background: url(../img/h1-bg.png) no-repeat;
}
header nav{
	float: right;
	height: 100%;
}
header nav ul{
	height: 100%;
}
header nav ul li{
	width: 75px;
	height: 100%;
	float: left;
	list-style-type: none;
	margin: 0 15px;
}
header nav li a{
	font-weight: 500;
	text-align:center;
	width: 100%;
	height: 100%;
	display: block;
}
header nav li:last-child a{
	color: #e7504d;
}
header nav li:first-child a{
	color: #e7504d;
	border-bottom: 5px solid #e7504d;
}



/*section1*/
.section1 > div:first-child{
	width: 100%;
	height: 690px;
	background: url(../img/feiji.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 30% 10%; 
}
.section1 > div:first-child,.section1  p{
	color:#fff;
}
.section1 h2{
	font-size: 40px;
}
.section1 p{
	font-weight:600;
	padding:10px 0 50px 0;
	line-height: 1.5em;
}
.section1 button{
	width: 22%;
	height: 38px;
	font-size: 25px;
	background: #e8504e;
	color: #fff;
	outline: none;
	border: none;
}
.section1 button:hover{
	background: #e85088;
}


.section1 .introdution{
	width: 100%;
	height: 250px;
	overflow: hidden;
}
.introdution figure{
	width: 25%;
	height: 100%;
	float: left;
}
.introdution figure div,.introdution figure figcaption{
	width: 100%;
	height: 50%;
	text-align: center;
}
.introdution figure div{
	position: relative;
	
}
.introdution figure div img{
	position: absolute;
	left: 50%;bottom: 0;
	transform:translate(-50%,0);
}
.introdution figure figcaption{
	color: #abacac;
	padding: 10% 25% 0 25%;
	position: relative;
	
}
.introdution figure figcaption:after{
	position: absolute;
	content:'';
	display: block;
	width: 100%;
	height: 50%;
	top: 50%;left: 2px;
	transform:translate(0,-50%);
	border-right: 2px solid #aaa;
}



/*middle*/
.section2{
	background: #ededed;
}
.section2 > div:first-child{
	width: 100%;
	height: 360px;
}
.section2 > div:first-child div.pic{
	width: 100%;
	height: 20%;
	text-align: center;
	padding: 6% 0;
}
.section2 > div:first-child div.text{
	color: #a1a1a1;
	font-size: 46px;
	text-align:center;
	letter-spacing:3px;
	padding-top:3%;
}

.section2 .map{
	width: 100%;
	position: relative;
}
.section2 .map img{
	width: 100%;
}
.section2 .search{
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	border:1px solid red;/**/
	text-align: center;
	padding: 5% 10%;
}
.search > h1{
	font-size: 21px;
	color: #fff;
}
.search > p{
	font-size: 12px;
	line-height: 2em;
	color: #fff;
}
.search hr{
	width: 30px;
	background: #fff;
	height: 3px;
	border: none;
	display: inline-block;
}
.search .input-group{
	display: inline-block;
	width: 24%;
}
.search .input-group .input-group-item{
	margin:10% 5%;
	position: relative;
}
.search .input-group .input-group-item span{
	position: absolute;
	top: 11px;right: 7px;
	color: #fff;
	background: #bf4f49;
	padding:2px;
}
.search .input-group .input-group-item input[type=radio]{
	position: absolute;
	top: 11px;right: 7px;
	padding:20px;
	z-index: 200;
	width: 22px;
	height: 22px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.search .input-group .input-group-item input[type=text],.search .input-group .input-group-item input[type=button]{
	width: 100%;
	height: 39px;
	padding:10px 12px;
}
.search .input-group .input-group-item input[type=button]{
	background: #e7504d;
	border:none;
}
.search .input-group .input-group-item ul{
	display: none;
	position: absolute;
	top: 39px;left: 0;
	width: 100%;
	font-family: 'Microsoft YaHei';
	font-size: 12px;
	text-align:left;
	background: #e3e3e3;
	color: #333;
	text-indent:2em;
}
.search .input-group .input-group-item input[type=radio]:checked + ul{
	display: block;
}
.search .input-group .input-group-item ul li{
	font-size: 15px;
	line-height: 1.5em;
}
.search .input-group .input-group-item ul li:hover{
	background: #bf4f49;
	text-indent:8px;
}
.search .input-group .input-group-item ul li:hover:before{
	content: "\e6f6";
	font-family:"iconfont";
	color: #fff;
	background: #bf4f49;
}
.section2 .mural{
	padding: 5%;
	overflow: auto;
}
.section2 .mural figure{
	float: left;
	width: 25%;
	text-align: center;
}
.section2 .mural figure img{
	background: #fff none repeat scroll 0 0;
  border: 2px solid #ccc;
  border-width:2px 1px;
  padding: 10px 5px;
}
.section2 .mural figure figcaption{
	padding: 10px 0;
}
.section2 .mural figure figcaption h2{
	font-size: 16px;
	color: #333;
}
.section2 .mural figure figcaption p{
	font-size: 14px;
	color: #919191;
}
.section2 .mural figure figcaption.important h2{
	font-size: 20px;
	letter-spacing: 27px;
}


/*section3*/
.section3 > div:first-child{
	margin-bottom: -4px;
}
.leg{
	display: inline-block;
	position: relative;
}
.leg{
	width: 66.6%;
}
.leg img{
	width: 100%;
}
.leg:after{
	content:'';
	display: block;
	width: 0;
	height: 0;
	border-width:15px 25px;
	border-color: transparent;
	border-style: solid; 
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
	border-right-color:#fff;
}

.leg-above{
	position: absolute;
	top: 0;left: 0;
	font-family:'微软雅黑';
	color: #fff;
	padding:16% 31%;
	text-align: center;
}
.leg-above h2{
	font-size: 50px;
	font-weight: normal;
}
.leg-above h3{
	font-size: 158px;
	font-weight: normal;
	line-height: 0.8;
}
.leg-above p{
	font-size: 22px;
}

.leg-right{
	float: right;
	margin: 10% 3% 0 3%;
	text-align: center;
}
.leg-right h2,.leg-right a{

	text-align: center;
}
.leg-right div.text{
	width: 350px;
	font-size: 12px;
	line-height: 30px;
	font-family: '宋体';
	color: #aaa;
	text-align:left;
	padding-bottom:20px;
}
.leg-right h2{
	font-size: 20px;
	font-weight: normal;
	line-height: 3;
}
.leg-right h2 small{
	color: #e74f4d;
}
.leg-right > a{
	color: #e7504d;
	border: 1px solid #e7504d;
	font-style: 12px;
	font-family: '微软雅黑';
	padding: 10px 21px;
}
.leg-right div.point{
	padding: 20px;
}
.leg-right div.point span{
	display: inline-block;
	  width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
}
.span-active{
	background: #ccc;
}
.row{
	width: 100%;
	height: 522px;
}
.row > div{
	float: left;
	width: 33.3%;
	height: 100%;
}
.row-1{
	background: #e74f4d;
}
.row-1,.row-2{
	padding: 10%;
	text-align: center;
}
.row-1 p,.row-2 p{
	font-size: 21px;
	font-family: 'SimHei';
	line-height: 1.3em;
}.row-1 hr, .row-2 hr{
	display: inline-block;
	width: 25px;
	height: 3px;
	margin: 20px auto;
	border: none;
}
.row-1 p:last-child,.row-2 p:last-child{
	border:1px solid #fff;
	line-height: 1.8em;
	cursor: pointer;
}
.row-1 p{
	color: #fff;
}
.row-1 hr{
	background: #fff;
}
.row-2 p{
	color: #6d6e6e;

}
.row-2 hr{
	background: #ababaa;
}
.row-2 p:last-child{
	border: 1px solid #e7504d;
	color: #e7504d;
}
.row-3{
	background: url(../img/train.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.row2{
	width: 100%;
	padding: 10% 32%;
	text-align: center;
}
.row2 hr{
	display: inline-block;
	width: 25px;
	height: 3px;
	margin: 10px auto;
	border: none;
	background: #e7504d;
}
.row2 h2{
	font-size: 21px;
	font-family: 'SimHei';
	font-weight: normal;
}
.row2 p{
	color: #b0b0b0;
	font-family: 'Microsoft YaHei';
}

.row3{
	width: 100%;
	overflow: auto;
	padding: 50px 0;
}
.row3 .row3-1,.row3 .row3-2{
	float: left;
}
.row3-1{
	width: 30%;
}
.row3-2{
	width: 70%;
}
.row3-1{
	padding: 0 3%;
}
.row3-1 h2{
	clear:both;
}
.row3-1 span{
	float: right;
}
.row3-1 h2{
	font-family: 'SimHei';
	font-size: 14px;
	color: #231815;
	padding: 20px 0;
	letter-spacing: 1px;
}
.row3-1 p{
	font-size: 12px;
	color: #adabab;
	font-family: 'SimSun';
	line-height: 1.5em;
}
.row3-1 span{
	color: #9d9b9a;
}
.row3-2 form{
	padding:0 10%;
}
.row3-2 form > div{
	width: 100%;
}
.row3-2 form input{
	border:none;
	margin: 15px 0;
}
.row3-2 form input[type=text]{
	height: 42px;
  padding: 0 10px;
  width: 45%;
	background: #ededee;
}
.row3-2 form textarea{
	width: 100%;
	height: 105px;
	background: #ededee;
	padding:10px;
	border: none;
	resize: none;
}
.row3-2 form input[type=button]{
	width: 100%;
	height: 42px;
	background: #ededee;
}
.row3-2 .input-group input[type=text]:first-child{
	float: right;
}



/*footer*/
footer{
	width: 100%;
	background: #32363e;
	padding: 0 10%;
	text-align: center;
	color: #fff;
}
footer h3{
	padding:50px 0 20px 0;
}
footer p{
	font-size: 14px;
	padding:0 350px;
	color: #a7a7aa;
}
footer > div:last-child{
	padding:10px 50px;
	background: #2f3038;
	margin:0 -12%;
	text-align: left;
}
footer > div:last-child a{
	float: right;
}
footer .input-group {
	padding:10px 0;
}
footer .input-group input{
	height: 45px;
	border:none;
}
footer .input-group input[type=text]{
	padding:10px;
	width: 480px;
}
footer .input-group input[type=submit]{
	width: 87px;
	background: #6f7278;
}
footer ul {
	overflow: auto;
	width: 100%;
	padding:20px 38%;
}
footer li.iconfont{
	float: left;
	width: 25%;
	font-size: 33px;
}